// 1 导入react
import React from 'react'
import ReactDOM from 'react-dom'


import HelloCls from './component/HelloCla' 

// 引入css文件
import "./index.css"

//组件是React的一等公民 使用React就是在用组件

//组件表示页面中的功能

//组合多个组件实现完整的页面功能

//特点: 可复用 独立 可组合


//函数组件: 使用JS函数(或者箭头函数)创建的组件


// 普通函数
// function Hello() {
//     return (
//         <div>这是我的第一个普通函数组件!!</div>
//     )
// }

// 箭头函数组件
// const Hello = () => <div>这是我的第一个箭头函数组件!!</div>

// 类组件

// 继承 React.Component
// 类名大写
//render 方法
//有return 


// class Hello extends React.Component {
//     render() {
//         return (
//             <div>这是我的第一个hello 类组件!!</div>
//         )
//     }
// }

// 使用继承的方式
// class HelloExt extends Hello {
//     // render() {
//     //     return (
//     //         <div>这是我的第一个HelloExt 类组件!!</div>
//     //     )
//     // }
// }

//3 渲染react元素
ReactDOM.render(<HelloCls />, document.getElementById('root'))
